<template>
  <el-row class="detail-row">
    <el-card class="detail-card">
      <Title title="客户信息" style="margin-bottom:18px;"/>
      <el-form style="padding-left: 12px;">
        <el-col :span="24">
          <el-col v-if="isClientInfo" :span="10">
            <el-form-item label="客户名称：">
              <span v-if="clientInfo">{{ clientInfo.clientName || '--' }}</span>
              <span v-else>--</span>
            </el-form-item>
          </el-col>
        </el-col>
      </el-form>
    </el-card>
  </el-row>
</template>

<script>
import { clientStatusFilter } from '@/filters/status';
import Title from '@/components/Title';
export default {
  filters: { clientStatusFilter },
  components: { Title },
  props: {
    isClientInfo: {
      type: Boolean,
      default: true
    },
    isProject: {
      type: Boolean,
      default: false
    },
    clientInfo: {
      type: Object,
      default: () => {
        return null;
      }
    }
  }
};
</script>
<style lang="scss" scoped>

</style>
